background-size 属性规定背景图像的尺寸。 先看看W3C的解释： background-size：contain；等比缩放，按照某一边来覆盖显示区域的，若区域大于图片的比例，会有白边，图片不会变形 图片右边有空白区域 back ...

现代浏览器都支持flex布局，而且flex布局用起来非常简单，好用。所以今天我们就详细的记录下平时常用的flex语法。 一、什么是flex布局 flex其实是flexible box的缩写，即为“弹性盒子“，任何一个容器都可以指定为flex ...

1.jpg 当微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词 ...

前言 这是面试过程中一道高频考题。 从面试官的角度思考： 出现频繁，可能是因为面试官通常喜欢问一些考察可深可浅的题目 很多面试管喜欢根据我们应聘者的考题回答中，甚至我们随口说到的知识点，继续追问 基本回答： 浏览器解析 URL 获取协议，主 ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

通过手写一个简易的DOM节点查询功能的Jquery实例，了解Jquery内部实现原理及理解Class与继承。 页面DOM节点如下 第一段文字 1 第一段文字 2 第一段文字 3 定义jquery对 ...

image FWidgets 用心提供精致的组件，助您构建精美的应用。 嘿，开发者，快停止构建 Old GUI！ image 如果你有注意到的话，你会发现，我们需要更多的精美的 New GUI！ 为帮助开发者能够舒适的构建出拥有精美 GU ...

vue学习笔记，比较基础。 mvc 和mvvc的区别 mvc是后端概念：model、view、controller mvvc是前端概念： Model、View、ViewModel 最简单的vue代码段 <div id="welcome" ...

当我开始学习JavaScript时，我把我在别人的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。在这篇文章中，我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的，但我 ...

欢迎移步 一句话概括响应式网页设计 如果要用一句话概括响应式网页设计，我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。 响应式网页设计这个术语还有一堆表示相同意思的其他叫法，如流式设计、弹性布局、塑料布局、流体设计、自适应布局、 ...